<template>
    <div class="reading_box">
        <van-popup v-model="show" class="show_box" :close-on-click-overlay="false">
            <van-panel title="温馨提示">
                <div class="text">
                    <slot name="header">内容</slot> 
                </div>
                <div slot="footer">
                    <slot name="footer">footer</slot>  
                </div>
            </van-panel>
        </van-popup>
    </div>
</template>

<script>
export default {
    data() {
        return {
            show: true
        }
    }
};
</script>

<style scoped>
.reading_box {
    width: 100%;
}

.show_box {
    border-radius: 20px;
    text-align: center;
    width: 77%;
}

.van-cell__title {
    font-size: 20px;
}

.text {
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 0 20px;
    font-size: 17px;
}

</style>